.img{
    width: 200px;
    height: 200px;
    background-image: url('./蔡徐坤.webp');
    position: relative;
}
.img .mask{
    width: 50px;
    height: 50px;
    left:0px;
    top:0px;
    background-color: rgba(127, 255, 212, 0.352);
    position: absolute;
}
.enlarge{
    width: 100px;
    height: 100px;
    background-image: url('./蔡徐坤大图.png');
    background-repeat: no-repeat;
    background-position: 0 0; 
    /* 图片定位，可以用来调它的位置。0 0就表示他的位置在左上角 */
}